<div id="page" style="z-index: 850;">
    <div class="page-title" style="z-index: 780;">
        <div class="in" style="z-index: 770;">
            <div class="titlebar" style="z-index: 760;">	
                <h2>Permistion</h2>	
                <p>This is a quick overview of some features</p></div>
        </div>
    </div>


    <div class="content" style="z-index: 730;">

        <!-- START TABLE -->
        <div class="simplebox grid740">

            <div class="titleh"><h3>Permistion</h3>
                <div class="shortcuts-icons">
                    <a class="shortcut tips" href="<?php echo admin_url('userpermission/form') ?>" title="Add New Permission"><img src="<?php echo base_url(); ?>admin_public/img/icons/shortcut/plus.png" width="25" height="25" alt="icon" /></a>
                </div>
            </div>


            <table id="myTable" class="tablesorter"> 
                <thead> 
                    <tr> 
                        <th>Permistion Name</th> 
                        <th>Action</th> 
                    </tr> 
                </thead> 

                <tbody> 
                    <?php foreach ($roles as $role) { ?>
                    <tr> 
                        <td><?php echo $role->name ?></td> 
                        <td><a href="<?php echo admin_url('userpermission/form/'.$role->id) ?>">Change</a></td> 
                    </tr> 
                    <?php } ?>
                </tbody> 
            </table>


        </div>
        <!-- END TABLE -->

    </div>
</div>